<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>qtotop demo</title>
	</head>
	
	<body>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		<h1>djfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdfdjfalsdjfalksdjf;alskjdf;ajkdf</h1>
		
		<!-- 需要一个有id的div中可以是图片，也可以是字体图表等。 -->
		<div id="totop" style="position: fixed;right: 20px;bottom: 20px;cursor: pointer;">
			<img src="qtotop.png"/>
		</div>
		
		<!-- 需要引入jquery -->
		<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>

		<!-- 需要引入qiao.totop.js -->
		<script src="qiao.totop.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			// 一行代码生效
			$('#totop').qtotop();
		</script>
	</body>
</html>